<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
      input{
          width: 600px;
          height: 30px;
          background-image: url("1.gif");
          background-repeat: no-repeat;
          text-indent: 2em;
          border: 1.5px solid gray;
          background-position: 2px center;
          margin: 20px;
      }

      div#nav{
          width: 430px;
          height: 200px;
          border: 1px solid red;
          margin-left: 20px;
      }
      .clear {
          list-style-type: none;
          padding: 5px;
         margin-left: 70px;


      }
      div#jj {
          border: 1px solid red;
          margin-top: -130px;
      }

      div#img img {
          margin-top: 10px;
          float: left;

      }
        .clearfloat:after {
            content: '';
            display: block;
            clear: both;
        }
        div#bottom {
            float: left;
            margin-left: 20px;
            border: 1px solid red;
            width: 430px;

        }

         ul#movies{
             list-style-type: none;
             width: 300px;
             border: 1px solid red;

         }
        ul#actor {
            list-style-type: none;
            border: 1px solid red;
            float: right;
            margin-top: -190px;
        }
        .clear1 {
            list-style-type: none;
            padding: 5px;
        }


    </style>
</head>
<body>
<div id="head">
    <input type="text" value="明星荐片">
</div>

<div id="nav" class="clearfloat">
    <div id="img" class="clearfloat">
        <img src="3.gif" height="125" width="116"/>
    </div>
    <div id="jj">
        <ul id="jianie" class="clear">
            <li class="clear">周秀娜荐片:让子弹飞</li>
            <li class="clear">导演：姜文</li>
            <li class="clear">主演：姜文 周润发 葛优</li>
            <li class="clear">点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情]</li>
        </ul>

    </div>

</div>

<div id="bottom">

    <ul id="movies">
        <li class="clear1">《巴别塔》：好的故事引人深思</li>
        <li class="clear1">《洛杉矶之战》：外星人那么弱智？</li>
        <li class="clear1">《让子弹飞》：武侠里也可以有爱情</li>
        <li class="clear1">《剑雨》：好的故事引人深思</li>
        <li class="clear1">《春风沉醉的夜晚》：非常真实</li>
        <li class="clear1">《《克洛伊》：故事简单却细致</li>
    </ul>
    <ul id="actor">
        <li class="clear1">阿朵</li>
        <li class="clear1">丁子俊</li>
        <li class="clear1">周秀娜</li>
        <li class="clear1">叶年生</li>
        <li class="clear1">如小果</li>
        <li class="clear1">刘若英</li>
    </ul>

</div>

</body>
</html>